<template>

	<view class="detail-img tn-padding">
		<view>
			<view class="tn-text-lg tn-text-bold clamp-text-1 tn-text-justify tn-margin-bottom-sm">
				<text class="">{{transferItem.title}}</text>
			</view>


			<view class="shadowBox">
				<view class="tn-flex">
					<view style="wicth:100%">

						<video style="width: 630rpx;" class="tn-margin-sm" id="myVideo"
							:src="transferItem.video"
							@error="videoErrorCallback" controls></video>
					</view>
				</view>
			</view>

		</view>
	</view>


</template>

<script>
	export default {
		components: {},
		data() {
			return {
			

			}
		},
		props: {
	transferItem: {
				type: Object,
				default: function(){
					return {}
				}
			},
	
		},

		methods: {




		}
	}
</script>

<style lang='scss' scoped>
	.shadowBox {
		box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.12);
		border-radius: 20rpx;
		margin: 0rpx;
		padding: 20rpx;
		margin-bottom: 30rpx;
	}
</style>